<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->  
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->  
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->  
<head>
    <title>Unify | Welcome...</title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- CSS Global Compulsory-->
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css" tppabs="http://htmlstream.com/preview/unify/assets/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css" tppabs="http://htmlstream.com/preview/unify/assets/css/style.css">
    <link rel="stylesheet" href="assets/css/headers/header1.css" tppabs="http://htmlstream.com/preview/unify/assets/css/headers/header1.css">
    <link rel="stylesheet" href="assets/css/responsive.css" tppabs="http://htmlstream.com/preview/unify/assets/css/responsive.css">
    <link rel="shortcut icon" href="favicon.ico">        
    <!-- CSS Implementing Plugins -->    
    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css" tppabs="http://htmlstream.com/preview/unify/assets/plugins/font-awesome/css/font-awesome.css">
    <!-- CSS Theme -->    
    <link rel="stylesheet" href="assets/css/themes/default.css" tppabs="http://htmlstream.com/preview/unify/assets/css/themes/default.css" id="style_color">
    <link rel="stylesheet" href="assets/css/themes/headers/default.css" tppabs="http://htmlstream.com/preview/unify/assets/css/themes/headers/default.css" id="style_color-header-1">    
</head> 

<body>
<!--=== Style Switcher ===-->    
<i class="style-switcher-btn icon-cogs hidden-xs"></i>
<div class="style-switcher">
    <div class="theme-close"><i class="icon-remove"></i></div>
    <div class="theme-heading">Theme Colors</div>
    <ul class="list-unstyled">
        <li class="theme-default theme-active" data-style="default" data-header="light"></li>
        <li class="theme-blue" data-style="blue" data-header="light"></li>
        <li class="theme-orange" data-style="orange" data-header="light"></li>
        <li class="theme-red" data-style="red" data-header="light"></li>
        <li class="theme-light last" data-style="light" data-header="light"></li>
    </ul>
    <div style="margin-bottom:18px;"></div>
    <div class="theme-heading">Layouts</div>
    <div class="text-center">
        <a href="#" class="btn-u btn-u-green btn-block active-switcher-btn wide-layout-btn">Wide</a>
        <a href="#" class="btn-u btn-u-green btn-block boxed-layout-btn">Boxed</a>
    </div>
</div><!--/style-switcher-->
<!--=== End Style Switcher ===-->    

<!--=== Top ===-->    
<div class="top">
    <div class="container">         
        <ul class="loginbar pull-right">
            <li>
                <i class="icon-globe"></i>
                <a>Languages</a>
                <ul class="lenguages">
                    <li class="active">
                        <a href="#">English <i class="icon-ok"></i></a> 
                    </li>
                    <li><a href="#">Spanish</a></li>
                    <li><a href="#">Russian</a></li>
                    <li><a href="#">German</a></li>
                </ul>
            </li>
            <li class="devider"></li>   
            <li><a href="page_faq.html" tppabs="http://htmlstream.com/preview/unify/page_faq.html">Help</a></li>  
            <li class="devider"></li>   
            <li><a href="page_login.html" tppabs="http://htmlstream.com/preview/unify/page_login.html">Login</a></li>   
        </ul>
    </div>      
</div><!--/top-->
<!--=== End Top ===-->    

<!--=== Header ===-->    
<div class="header">
    <div class="navbar navbar-default" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html" tppabs="http://htmlstream.com/preview/unify/index.html">
                    <img id="logo-header" src="assets/img/logo1-default.png" tppabs="http://htmlstream.com/preview/unify/assets/img/logo1-default.png" alt="Logo">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-responsive-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Home
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="index.html" tppabs="http://htmlstream.com/preview/unify/index.html">Option 1: Default Page</a></li>
                            <li><a href="page_home1.html" tppabs="http://htmlstream.com/preview/unify/page_home1.html">Option 2: Layer Slider</a></li>
                            <li><a href="page_home2.html" tppabs="http://htmlstream.com/preview/unify/page_home2.html">Option 3: Revolution Slider</a></li>
                            <li><a href="page_home3.html" tppabs="http://htmlstream.com/preview/unify/page_home3.html">Option 4: Amazing Content</a></li>
                            <li><a href="page_home4.html" tppabs="http://htmlstream.com/preview/unify/page_home4.html">Option 5: Home Sidebar</a></li>
                            <li><a href="page_home5.html" tppabs="http://htmlstream.com/preview/unify/page_home5.html">Option 6: Home Flatty</a></li>
                            <li><a href="page_home6.html" tppabs="http://htmlstream.com/preview/unify/page_home6.html">Option 7: Home Magazine</a></li>
                            <li><a href="page_home7.html" tppabs="http://htmlstream.com/preview/unify/page_home7.html">Option 8: Home Portfolio</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Pages
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="page_about.html" tppabs="http://htmlstream.com/preview/unify/page_about.html">About Us</a></li>
                            <li><a href="page_about1.html" tppabs="http://htmlstream.com/preview/unify/page_about1.html">About Us Option</a></li>
                            <li><a href="page_services.html" tppabs="http://htmlstream.com/preview/unify/page_services.html">Services</a></li>
                            <li><a href="page_services1.html" tppabs="http://htmlstream.com/preview/unify/page_services1.html">Services Option</a></li>
                            <li><a href="page_pricing.html" tppabs="http://htmlstream.com/preview/unify/page_pricing.html">Pricing Tables</a></li>
                            <li><a href="page_invoice.html" tppabs="http://htmlstream.com/preview/unify/page_invoice.html">Invoice Page</a></li>
                            <li><a href="page_meet_our_team.html" tppabs="http://htmlstream.com/preview/unify/page_meet_our_team.html">Meet Our Team</a></li>
                            <li><a href="page_coming_soon.html" tppabs="http://htmlstream.com/preview/unify/page_coming_soon.html">Coming Soon</a></li>
                            <li><a href="page_faq.html" tppabs="http://htmlstream.com/preview/unify/page_faq.html">FAQs Page</a></li>
                            <li><a href="page_search.html" tppabs="http://htmlstream.com/preview/unify/page_search.html">Funny Boxes</a></li>
                            <li><a href="page_gallery.html" tppabs="http://htmlstream.com/preview/unify/page_gallery.html">Gallery Page</a></li>
                            <li><a href="page_registration.html" tppabs="http://htmlstream.com/preview/unify/page_registration.html">Registration Page</a></li>
                            <li><a href="page_registration1.html" tppabs="http://htmlstream.com/preview/unify/page_registration1.html">Registration Option</a></li>
                            <li><a href="page_login.html" tppabs="http://htmlstream.com/preview/unify/page_login.html">Login Page</a></li>
                            <li><a href="page_login1.html" tppabs="http://htmlstream.com/preview/unify/page_login1.html">Login Option</a></li>
                            <li><a href="page_404_error.html" tppabs="http://htmlstream.com/preview/unify/page_404_error.html">404 Error</a></li>
                            <li><a href="page_404_error1.html" tppabs="http://htmlstream.com/preview/unify/page_404_error1.html">404 Error Option</a></li>
                            <li><a href="page_clients.html" tppabs="http://htmlstream.com/preview/unify/page_clients.html">Clients Page</a></li>
                            <li><a href="page_privacy.html" tppabs="http://htmlstream.com/preview/unify/page_privacy.html">Privacy Policy</a></li>
                            <li><a href="page_terms.html" tppabs="http://htmlstream.com/preview/unify/page_terms.html">Terms Of Service</a></li>
                            <li><a href="page_2_columns_left.html" tppabs="http://htmlstream.com/preview/unify/page_2_columns_left.html">2 Columns Page Left</a></li>
                            <li><a href="page_2_columns_right.html" tppabs="http://htmlstream.com/preview/unify/page_2_columns_right.html">2 Columns Page Right</a></li>
                            <li><a href="page_3_columns.html" tppabs="http://htmlstream.com/preview/unify/page_3_columns.html">3 Columns Page</a></li>
                        </ul>
                    </li>
                    <li class="dropdown active">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Features
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="feature_grid.html" tppabs="http://htmlstream.com/preview/unify/feature_grid.html">Grid Layout</a></li>
                            <li><a href="feature_boxes.html" tppabs="http://htmlstream.com/preview/unify/feature_boxes.html">Content Boxes</a></li>
                            <li><a href="feature_typography.html" tppabs="http://htmlstream.com/preview/unify/feature_typography.html">Typography</a></li>
                            <li><a href="feature_tagline_boxes.html" tppabs="http://htmlstream.com/preview/unify/feature_tagline_boxes.html">Tagline Boxes</a></li>
                            <li><a href="feature_buttons.html" tppabs="http://htmlstream.com/preview/unify/feature_buttons.html">Buttons</a></li>
                            <li><a href="feature_icons.html" tppabs="http://htmlstream.com/preview/unify/feature_icons.html">Icons</a></li>
                            <li><a href="feature_thumbails.html" tppabs="http://htmlstream.com/preview/unify/feature_thumbails.html">Thumbails</a></li>
                            <li><a href="feature_components.html" tppabs="http://htmlstream.com/preview/unify/feature_components.html">Components</a></li>
                            <li class="active"><a href="feature_accardion_and_tabs.html" tppabs="http://htmlstream.com/preview/unify/feature_accardion_and_tabs.html">Accardion and Tabs</a></li>
                            <li><a href="feature_navigations.html" tppabs="http://htmlstream.com/preview/unify/feature_navigations.html">Navigations</a></li>
                            <li><a href="feature_tables.html" tppabs="http://htmlstream.com/preview/unify/feature_tables.html">Tables</a></li>
                            <li><a href="feature_forms.html" tppabs="http://htmlstream.com/preview/unify/feature_forms.html">Forms</a></li>
                            <li><a href="feature_testimonials.html" tppabs="http://htmlstream.com/preview/unify/feature_testimonials.html">Testimonials</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Portfolio
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="portfolio_text_blocks.html" tppabs="http://htmlstream.com/preview/unify/portfolio_text_blocks.html">Portfolio Text Blocks</a></li>
                            <li><a href="portfolio_2_column.html" tppabs="http://htmlstream.com/preview/unify/portfolio_2_column.html">Portfolio 2 Columns</a></li>
                            <li><a href="portfolio_3_column.html" tppabs="http://htmlstream.com/preview/unify/portfolio_3_column.html">Portfolio 3 Columns</a></li>
                            <li><a href="portfolio_4_column.html" tppabs="http://htmlstream.com/preview/unify/portfolio_4_column.html">Portfolio 4 Columns</a></li>
                            <li><a href="portfolio_item.html" tppabs="http://htmlstream.com/preview/unify/portfolio_item.html">Portfolio Item Option 1</a></li>
                            <li><a href="portfolio_item1.html" tppabs="http://htmlstream.com/preview/unify/portfolio_item1.html">Portfolio Item Option 2</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Blog
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="blog_page.html" tppabs="http://htmlstream.com/preview/unify/blog_page.html">Blog Page</a></li>
                            <li><a href="blog_large.html" tppabs="http://htmlstream.com/preview/unify/blog_large.html">Blog Large</a></li>
                            <li><a href="blog_medium.html" tppabs="http://htmlstream.com/preview/unify/blog_medium.html">Blog Medium</a></li>
                            <li><a href="blog_full_width.html" tppabs="http://htmlstream.com/preview/unify/blog_full_width.html">Blog Full Width</a></li>
                            <li><a href="blog_left_sidebar.html" tppabs="http://htmlstream.com/preview/unify/blog_left_sidebar.html">Blog Left Sidebar</a></li>
                            <li><a href="blog_right_sidebar.html" tppabs="http://htmlstream.com/preview/unify/blog_right_sidebar.html">Blog Right Sidebar</a></li>
                            <li><a href="blog_item_option1.html" tppabs="http://htmlstream.com/preview/unify/blog_item_option1.html">Blog Item Option 1</a></li>
                            <li><a href="blog_item_option2.html" tppabs="http://htmlstream.com/preview/unify/blog_item_option2.html">Blog Item Option 2</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Contacts
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="page_contact1.html" tppabs="http://htmlstream.com/preview/unify/page_contact1.html">Contacts Default</a></li>
                            <li><a href="page_contact2.html" tppabs="http://htmlstream.com/preview/unify/page_contact2.html">Contacts Option 1</a></li>
                            <li><a href="page_contact3.html" tppabs="http://htmlstream.com/preview/unify/page_contact3.html">Contacts Option 2</a></li>
                        </ul>
                    </li>                    
                    <li class="hidden-sm"><a class="search"><i class="icon-search search-btn"></i></a></li>
                </ul>
                <div class="search-open">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search">
                        <span class="input-group-btn">
                            <button class="btn-u" type="button">Go</button>
                        </span>
                    </div><!-- /input-group -->
                </div>                
            </div><!-- /navbar-collapse -->
        </div>    
    </div>    
</div><!--/header-->
<!--=== End Header ===-->    

<!--=== Breadcrumbs ===-->
<div class="breadcrumbs margin-bottom-40">
    <div class="container">
        <h1 class="pull-left">Accardion and Tabs</h1>
        <ul class="pull-right breadcrumb">
            <li><a href="index.html" tppabs="http://htmlstream.com/preview/unify/index.html">Home</a></li>
            <li><a href="">Features</a></li>
            <li class="active">Accardion and Tabs</li>
        </ul>
    </div>
</div><!--/breadcrumbs-->
<!--=== End Breadcrumbs ===-->

<!--=== Content Part ===-->
<div class="container">
    <div class="row">
        <!--Begin Sidebar Menu-->
        <div class="col-md-3">            
            <ul class="list-group sidebar-nav-v1">
                <li class="list-group-item"><a href="feature_grid.html" tppabs="http://htmlstream.com/preview/unify/feature_grid.html">Grid Layout</a></li>
                <li class="list-group-item">
                    <span class="badge badge-green">New</span>                    
                    <a href="feature_boxes.html" tppabs="http://htmlstream.com/preview/unify/feature_boxes.html">Content Boxes</a>
                </li>
                <li class="list-group-item"><a href="feature_typography.html" tppabs="http://htmlstream.com/preview/unify/feature_typography.html">Typography</a></li>
                <li class="list-group-item">
                    <span class="badge badge-red">New</span>                    
                    <a href="feature_tagline_boxes.html" tppabs="http://htmlstream.com/preview/unify/feature_tagline_boxes.html">Tagline Boxes</a>
                </li>
                <li class="list-group-item"><a href="feature_buttons.html" tppabs="http://htmlstream.com/preview/unify/feature_buttons.html">Buttons</a></li>
                <li class="list-group-item">
                    <span class="badge">New</span>                                        
                    <a href="feature_icons.html" tppabs="http://htmlstream.com/preview/unify/feature_icons.html">Icons</a>
                </li>
                <li class="list-group-item"><a href="feature_thumbails.html" tppabs="http://htmlstream.com/preview/unify/feature_thumbails.html">Thumbails</a></li>
                <li class="list-group-item"><a href="feature_components.html" tppabs="http://htmlstream.com/preview/unify/feature_components.html">Components</a></li>
                <li class="list-group-item active">
                    <span class="badge badge-blue">New</span>                    
                    <a href="feature_accardion_and_tabs.html" tppabs="http://htmlstream.com/preview/unify/feature_accardion_and_tabs.html">Accardion and Tabs</a>
                </li>
                <li class="list-group-item"><a href="feature_navigations.html" tppabs="http://htmlstream.com/preview/unify/feature_navigations.html">Navigations</a></li>
                <li class="list-group-item"><a href="feature_tables.html" tppabs="http://htmlstream.com/preview/unify/feature_tables.html">Tables</a></li>
                <li class="list-group-item"><a href="feature_forms.html" tppabs="http://htmlstream.com/preview/unify/feature_forms.html">Forms</a></li>
                <li class="list-group-item">
                    <span class="badge badge-sea">New</span>                    
                    <a href="feature_testimonials.html" tppabs="http://htmlstream.com/preview/unify/feature_testimonials.html">Testimonials</a>
                </li>
            </ul>
        </div>
        <!--End Sidebar Menu-->

        <!--Begin Content-->
        <div class="col-md-9">
            <div class="panel-group acc-v1" id="accordion-1">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-1" href="#collapse-One">
                                Collapsible Group Item #1
                            </a>
                        </h4>
                    </div>
                    <div id="collapse-One" class="panel-collapse collapse in">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <img class="img-responsive" src="assets/img/new/img5.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/new/img5.jpg" alt="">
                                </div>
                                <div class="col-md-8">
                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-1" href="#collapse-Two">
                                Collapsible Group Item #2
                            </a>
                        </h4>
                    </div>
                    <div id="collapse-Two" class="panel-collapse collapse">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-8">
                                    <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.</p>
                                    <ul class="list-unstyled">
                                        <li><i class="icon-ok color-green"></i> Donec id elit non mi porta gravida at eget metus..</li>
                                        <li><i class="icon-ok color-green"></i> Fusce dapibus, tellus ac cursus comodo egetine..</li>
                                        <li><i class="icon-ok color-green"></i> Food truck quinoa nesciunt laborum eiusmod runch..</li>
                                    </ul>
                                </div>
                                <div class="col-md-4">
                                    <img class="img-responsive" src="assets/img/main/6.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/6.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-1" href="#collapse-Three">
                                Collapsible Group Item #3
                            </a>
                        </h4>
                    </div>
                    <div id="collapse-Three" class="panel-collapse collapse">
                        <div class="panel-body">
                            Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Food truck quinoa nesciunt laborum eiusmodolf moon tempor, sunt aliqua put a bird. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-1" href="#collapse-Four">
                                Collapsible Group Item #4
                            </a>
                        </h4>
                    </div>
                    <div id="collapse-Four" class="panel-collapse collapse">
                        <div class="panel-body">
                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
                        </div>
                    </div>
                </div>
            </div><!--/acc-v1-->

            <div class="margin-bottom-60"></div>

            <div class="tab-v1">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
                    <li><a href="#profile" data-toggle="tab">Profile</a></li>
                    <li><a href="#messages" data-toggle="tab">Messages</a></li>
                    <li><a href="#settings" data-toggle="tab">Settings</a></li>
                </ul>                
                <div class="tab-content">
                    <div class="tab-pane active" id="home">
                        <div class="row">
                            <div class="col-md-4">
                                <img alt="" class="img-responsive img-tab-space" src="assets/img/new/img4.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/new/img4.jpg">                                
                            </div>
                            <div class="col-md-8">
                                <h4>Heading Sample 1</h4>
                                <p>Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum <strong>ivamus imperdiet</strong> condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque <strong>fermentum vivamus</strong> imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac felis consectetur id. Donec eget orci metusvivamus imperdiet.</p>                        
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="profile">
                        <img alt="" class="pull-left lft-img-margin img-width-200" src="assets/img/main/5.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/5.jpg">                         
                        <h4>Heading Sample 2</h4>
                        <p>Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, <strong>ac adipiscing nunc.</strong> Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac <strong>interdum ullamcorper.</strong></p>
                    </div>
                    <div class="tab-pane" id="messages">
                        <h4>Heading Sample 3</h4>
                        <p><img alt="" class="pull-right rgt-img-margin img-width-200" src="assets/img/main/6.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/6.jpg"> <strong>Vivamus imperdiet condimentum diam, eget placerat felis consectetur id.</strong> Donec eget orci metus, Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, consectetur id. Donec eget orci metus, ac adipiscing nunc. <strong>Pellentesque fermentum</strong>, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper.</p>
                    </div>
                    <div class="tab-pane" id="settings">
                        <h4>Heading Sample 4</h4>
                        <p><img alt="" class="pull-right rgt-img-margin img-width-200" src="assets/img/main/1.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/1.jpg"> Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, consectetur id. Donec eget orci metus, ac adipiscing nunc. <strong>Pellentesque fermentum</strong>, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper.</p>
                    </div>
                </div>
            </div>

            <div class="margin-bottom-30"></div>

            <div class="tab-v2">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#home-1" data-toggle="tab">Home</a></li>
                    <li><a href="#profile-1" data-toggle="tab">Profile</a></li>
                    <li><a href="#messages-1" data-toggle="tab">Messages</a></li>
                    <li><a href="#settings-1" data-toggle="tab">Settings</a></li>
                </ul>                
                <div class="tab-content">
                    <div class="tab-pane active" id="home-1">
                        <h4>Heading Sample 1</h4>
                        <p>Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum <strong>ivamus imperdiet</strong> condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque <strong>fermentum vivamus</strong> imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac felis consectetur id. Donec eget orci metusvivamus imperdiet.</p>                        
                    </div>
                    <div class="tab-pane" id="profile-1">
                        <img alt="" class="pull-left lft-img-margin img-width-200" src="assets/img/main/5.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/5.jpg">                         
                        <h4>Heading Sample 2</h4>
                        <p>Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, <strong>ac adipiscing nunc.</strong> Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac <strong>interdum ullamcorper.</strong></p>
                    </div>
                    <div class="tab-pane" id="messages-1">
                        <h4>Heading Sample 3</h4>
                        <p><img alt="" class="pull-right rgt-img-margin img-width-200" src="assets/img/main/6.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/6.jpg"> <strong>Vivamus imperdiet condimentum diam, eget placerat felis consectetur id.</strong> Donec eget orci metus, Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, consectetur id. Donec eget orci metus, ac adipiscing nunc. <strong>Pellentesque fermentum</strong>, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper.</p>
                    </div>
                    <div class="tab-pane" id="settings-1">
                        <h4>Heading Sample 4</h4>
                        <p><img alt="" class="pull-right rgt-img-margin img-width-200" src="assets/img/main/1.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/1.jpg"> Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, consectetur id. Donec eget orci metus, ac adipiscing nunc. <strong>Pellentesque fermentum</strong>, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper.</p>
                    </div>
                </div>
            </div>

            <div class="margin-bottom-40"></div>

            <div class="row tab-v3">
                <div class="col-sm-3">
                    <ul class="nav nav-pills nav-stacked"> 
                        <li class="active"><a href="#home-2" data-toggle="tab"><i class="icon-home"></i> Home</a></li>
                        <li><a href="#profile-2" data-toggle="tab"><i class="icon-cloud"></i> Profile</a></li>
                        <li><a href="#messages-2" data-toggle="tab"><i class="icon-comments"></i> Messages</a></li>
                        <li><a href="#settings-2" data-toggle="tab"><i class="icon-gear"></i> Settings</a></li>                        
                    </ul>                    
                </div>
                <div class="col-sm-9">
                    <div class="tab-content">
                        <div class="tab-pane active" id="home-2">
                            <h4>Heading Sample 1</h4>
                            <p>Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum <strong>ivamus imperdiet</strong> condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc.</p> 
                            <p>Pellentesque <strong>fermentum vivamus</strong> imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac felis consectetur id. Donec eget orci metusvivamus imperdiet.</p>                        
                        </div>
                        <div class="tab-pane" id="profile-2">
                            <img alt="" class="pull-left lft-img-margin img-width-200" src="assets/img/main/5.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/5.jpg">                         
                            <h4>Heading Sample 2</h4>
                            <p>Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, <strong>ac adipiscing nunc.</strong> Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac <strong>interdum ullamcorper.</strong></p>
                        </div>
                        <div class="tab-pane" id="messages-2">
                            <h4>Heading Sample 3</h4>
                            <p><img alt="" class="pull-right rgt-img-margin img-width-200" src="assets/img/main/6.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/6.jpg"> <strong>Vivamus imperdiet condimentum diam, eget placerat felis consectetur id.</strong> Donec eget orci metus, Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, consectetur id. Donec eget orci metus, ac adipiscing nunc. <strong>Pellentesque fermentum</strong>, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper.</p>
                        </div>
                        <div class="tab-pane" id="settings-2">
                            <img alt="" class="pull-left lft-img-margin img-width-200" src="assets/img/main/7.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/main/7.jpg">                         
                            <h4>Heading Sample 4</h4>
                            <p>Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, <strong>ac adipiscing nunc.</strong> Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum id. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper. Donec eget orci metus, ac adipiscing nunc. Pellentesque fermentum, ante ac <strong>interdum ullamcorper.</strong></p>
                        </div>
                    </div>                                    
                </div>
            </div>            
        </div>
        <!--End Content-->
    </div>          
</div><!--/container-->     
<!--=== End Content Part ===-->

<!--=== Footer ===-->
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4 md-margin-bottom-40">
                <!-- About -->
                <div class="headline"><h2>About</h2></div>  
                <p class="margin-bottom-25 md-margin-bottom-40">Unify is an incredibly beautiful responsive Bootstrap Template for corporate and creative professionals.</p>    

                <!-- Monthly Newsletter -->
                <div class="headline"><h2>Monthly Newsletter</h2></div> 
                <p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
                <form class="footer-subsribe">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Email Address">                            
                        <span class="input-group-btn">
                            <button class="btn-u" type="button">Subscribe</button>
                        </span>
                    </div><!-- /input-group -->                    
                </form>                         
            </div><!--/col-md-4-->  
            
            <div class="col-md-4 md-margin-bottom-40">
                <div class="posts">
                    <div class="headline"><h2>Recent Blog Entries</h2></div>
                    <dl class="dl-horizontal">
                        <dt><a href="#"><img src="assets/img/sliders/elastislide/6.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/6.jpg" alt="" /></a></dt>
                        <dd>
                            <p><a href="#">Anim moon officia Unify is an incredibly beautiful responsive Bootstrap Template</a></p> 
                        </dd>
                    </dl>
                    <dl class="dl-horizontal">
                    <dt><a href="#"><img src="assets/img/sliders/elastislide/10.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/10.jpg" alt="" /></a></dt>
                        <dd>
                            <p><a href="#">Anim moon officia Unify is an incredibly beautiful responsive Bootstrap Template</a></p> 
                        </dd>
                    </dl>
                    <dl class="dl-horizontal">
                    <dt><a href="#"><img src="assets/img/sliders/elastislide/11.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/11.jpg" alt="" /></a></dt>
                        <dd>
                            <p><a href="#">Anim moon officia Unify is an incredibly beautiful responsive Bootstrap Template</a></p> 
                        </dd>
                    </dl>
                </div>
            </div><!--/col-md-4-->

            <div class="col-md-4">
                <!-- Monthly Newsletter -->
                <div class="headline"><h2>Contact Us</h2></div> 
                <address class="md-margin-bottom-40">
                    25, Lorem Lis Street, Orange <br />
                    California, US <br />
                    Phone: 800 123 3456 <br />
                    Fax: 800 123 3456 <br />
                    Email: <a href="mailto:info@anybiz.com" class="">info@anybiz.com</a>
                </address>

                <!-- Stay Connected -->
                <div class="headline"><h2>Stay Connected</h2></div> 
                <ul class="social-icons">
                    <li><a href="#" data-original-title="Feed" class="social_rss"></a></li>
                    <li><a href="#" data-original-title="Facebook" class="social_facebook"></a></li>
                    <li><a href="#" data-original-title="Twitter" class="social_twitter"></a></li>
                    <li><a href="#" data-original-title="Goole Plus" class="social_googleplus"></a></li>
                    <li><a href="#" data-original-title="Pinterest" class="social_pintrest"></a></li>
                    <li><a href="#" data-original-title="Linkedin" class="social_linkedin"></a></li>
                    <li><a href="#" data-original-title="Vimeo" class="social_vimeo"></a></li>
                </ul>
            </div><!--/col-md-4-->
        </div><!--/row-->   
    </div><!--/container--> 
</div><!--/footer-->    
<!--=== End Footer ===-->

<!--=== Copyright ===-->
<div class="copyright">
    <div class="container">
        <div class="row">
            <div class="col-md-6">                      
                <p class="copyright-space">
                    2013 &copy; Unify. ALL Rights Reserved. 
                    <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
                </p>
            </div>
            <div class="col-md-6">  
                <a href="index.html" tppabs="http://htmlstream.com/preview/unify/index.html">
                    <img id="logo-footer" src="assets/img/logo2-default.png" tppabs="http://htmlstream.com/preview/unify/assets/img/logo2-default.png" class="pull-right" alt="" />
                </a>
            </div>
        </div><!--/row-->
    </div><!--/container--> 
</div><!--/copyright--> 
<!--=== End Copyright ===-->

<!-- JS Global Compulsory -->           
<script type="text/javascript" src="assets/plugins/jquery-1.10.2.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-migrate-1.2.1.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/bootstrap/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="assets/plugins/hover-dropdown.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/hover-dropdown.min.js"></script> 
<script type="text/javascript" src="assets/plugins/back-to-top.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/back-to-top.js"></script>
<!-- JS Page Level -->           
<script type="text/javascript" src="assets/js/app.js" tppabs="http://htmlstream.com/preview/unify/assets/js/app.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        App.init();
    });
</script>
<!--[if lt IE 9]>
    <script src="assets/plugins/respond.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/respond.js"></script>
<![endif]-->
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-29166220-1']);
  _gaq.push(['_setDomainName', 'http://htmlstream.com/preview/unify/htmlstream.com']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www/') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

</body>
</html> 